// var utils = require("../../utils/util.js");
// Page({
//   data: {
//     diceCount: 6,
//     dicesData: [],
//     sixPosition: [{
//       left: 31,
//       top: 58
//     }, {
//       left: 31,
//       top: 67
//     }, {
//       left: 43,
//       top: 58
//     }, {
//       left: 43,
//       top: 67
//     }, {
//       left: 55,
//       top: 58
//     }, {
//       left: 55,
//       top: 67
//     }],
//     src: 'http://h5.dunkee.cn/Public/ZhangZhouLvTou/audio/dice-rolling.mp3',
//     hideResult: true,
//     imgArray: ['../../images/1.png', '../../images/2.png', '../../images/3.png', '../../images/4.png', '../../images/5.png', '../../images/6.png'],
//     resultMsg: [],
//     touziResult:'',
//     oneImg: '',
//     twoImg: '',
//     threeImg: '',
//     fourImg: '',
//     fiveImg: '',
//     sixImg: ''
//   },
//   onLoad: function(options) {
//     // 页面初始化 options为页面跳转所带来的参数
//     this.data.dotsData = {
//       1: "5",
//       2: "28",
//       3: "357",
//       4: "1379",
//       5: "13579",
//       6: "134679"
//     };
//     this.timer = null;
//     this.animation = wx.createAnimation({
//       duration: 800,
//       timingFunction: 'linear',
//     });

//     //读取色子数量
//     if (wx.getStorageSync('diceCount')) {
//       this.setData({
//         diceCount: wx.getStorageSync('diceCount')
//       })
//     }

//     // 摇一摇
//     // utils.shake(this.onRollTap);
//   },
//   onReady: function(e) {
//     this.audioCtx = wx.createAudioContext('myAudio')
//   },
//   onShareAppMessage: function (res) {
//     if (res.from === 'button') {
//       console.log(res.target)
//     }
//     return {
//       title: '来博饼',
//       path: '/pages/main/main'
//     }
//   },
//   // 产生色子点数
//   createDotData: function() {
//     let resultMsg = this.data.resultMsg
//     var num = Math.ceil(Math.random() * 6);
//     resultMsg.push(num)
//     var diceData = this.data.dotsData[num];
//     this.setData({
//       resultMsg: resultMsg,
//     })
//     var that = this;
//     var dotsHidden = {};
//     for (var i = 1; i <= 9; i++) {
//       if (diceData.indexOf(i) > -1 && diceData == "5") {
//         dotsHidden[i] = "red";
//       } else if (diceData.indexOf(i) > -1 && diceData == "28") {
//         dotsHidden[i] = "black";
//       } else if (diceData.indexOf(i) > -1 && diceData == "357") {
//         dotsHidden[i] = "black";
//       } else if (diceData.indexOf(i) > -1 && diceData == "1379") {
//         dotsHidden[i] = "red";
//       } else if (diceData.indexOf(i) > -1 && diceData == "13579") {
//         dotsHidden[i] = "black";
//       } else if (diceData.indexOf(i) > -1 && diceData == "134679") {
//         dotsHidden[i] = "black";
//       } else {
//         dotsHidden[i] = "white";
//       }
//     };
//     return dotsHidden;
//   },

//   // 产生色子动画
//   createAnim: function(left, top) {
//     // 色子移入屏幕
//     // console.log(left,top)
//     this.animation.top(top + "vh").left(left + "vw").rotate(Math.random() * 1440 + 1440).step({
//       duration: 800,
//       timingFunction: "ease",
//     });
//     var that = this;
//     that.audioCtx.play();
//     that.audioCtx.seek(1);
//     setTimeout(function() {
//       that.setData({
//         hideResult: false
//       });
//     }, 1800);
//     return this.animation.export();
//   },

//   // 产生色子移动终点位置
//   createDicesPos: function() {
//     var dicesPos = [];
//     var sixPosition = this.data.sixPosition;
//     for (var i = 0; i < this.data.diceCount; i++) {
//       var posData = {};
//       var left = 0;
//       var top = 0;
//       posData.left = sixPosition[i].left;
//       posData.top = sixPosition[i].top;
//       dicesPos.push(posData);
//     }
//     return dicesPos;
//   },

//   // 设置色子数据
//   setDicesData: function(diceCount) {
//     var dicesData = [];

//     // 色子动画数据
//     var dicesPos = this.createDicesPos(); // 所有色子的位置数据
//     var that=this;
//     for (var i = 0; i < diceCount; i++) {
//       var diceData = {};
//       diceData.anim = that.createAnim(dicesPos[i].left, dicesPos[i].top);
//       diceData.dots = that.createDotData();
//       dicesData.push(diceData);
//       var resultMsg=that.data.resultMsg;
//       if(i==5){
//         that.setData({
//           oneImg: that.data.resultMsg[0]-1,
//           twoImg: that.data.resultMsg[1]-1,
//           threeImg: that.data.resultMsg[2]-1,
//           fourImg: that.data.resultMsg[3]-1,
//           fiveImg: that.data.resultMsg[4]-1,
//           sixImg: that.data.resultMsg[5]-1,
//         })
//         that.getResult();
//       }
//     }

//     this.setData({
//       dicesData: dicesData
//     });

//   },
//   //请求博饼结果
//   getResult:function(e){
//     var url = '/theResult';
//     var resultArray = this.data.resultMsg;
//     var arrayString = JSON.stringify(this.data.resultMsg);
//     var data = {
//       arrayString: arrayString
//     };
//     console.log(data)
//     var that=this;
//     utils.http(url, data).then(res => {
//       console.log(res)
//       if (res.code == 1) {
//         that.setData({
//           touziResult: res.data.myResult
//         })
//       } else {
//         that.setData({
//           touziResult: '您未授权登录，请到我的页面授权登录'
//         })
//       }
//     })
//   },
//   // 摇色子
//   onRollTap: function() {
//     // 设置色子移出动画
//     this.setData({
//       resultMsg: [],
//       touziResult:'',
//       oneImg: '',
//       twoImg: '',
//       threeImg: '',
//       fourImg: '',
//       fiveImg: '',
//       sixImg: ''
//     })
//     var newData = this.data.dicesData;
//     if (newData.length < this.data.diceCount) {
//       for (var i = 0; i < this.data.diceCount; i++) {
//         var data = {};
//         newData.push(data);
//       }
//     }
//     for (var i = 0; i < newData.length; i++) {
//       // this.animation.left("-233rpx").top("123rpx").rotate(-180).step();
//       this.animation.left("-200rpx").top("400rpx").rotate(-180).step();
//       newData[i].anim = this.animation.export();
//       this.setData({
//         dicesData: newData,
//       });
//     }

//     var that = this;
//     clearTimeout(this.timer);
//     this.timer = setTimeout(function() {
//       // 色子改变点数并移入屏幕
//       that.setDicesData(that.data.diceCount);
//     }, 1000)

//   },
//   goSure: function(e) {
//     this.setData({
//       hideResult: true
//     })
//   }
// })








var utils = require("../../utils/util.js");
Page({
  data: {
    diceCount: 6,
    dicesData: [],
    sixPosition: [{
      left: 31,
      top: 58
    }, {
      left: 31,
      top: 67
    }, {
      left: 43,
      top: 58
    }, {
      left: 43,
      top: 67
    }, {
      left: 55,
      top: 58
    }, {
      left: 55,
      top: 67
    }],
    src: 'http://h5.dunkee.cn/Public/ZhangZhouLvTou/audio/dice-rolling.mp3',
    hideResult: true,
    imgArray: ['../../images/1.png', '../../images/2.png', '../../images/3.png', '../../images/4.png', '../../images/5.png', '../../images/6.png'],
    resultMsg: [],
    oneImg: '',
    twoImg: '',
    threeImg: '',
    fourImg: '',
    fiveImg: '',
    sixImg: '',
    result: [],
    touziResult: '',
    prizeResult: ''
  },
  onLoad: function(options) {
    // 页面初始化 options为页面跳转所带来的参数
    this.data.dotsData = {
      1: "5",
      2: "28",
      3: "357",
      4: "1379",
      5: "13579",
      6: "134679"
    };
    this.timer = null;
    this.animation = wx.createAnimation({
      duration: 800,
      timingFunction: 'linear',
    });

    //读取色子数量
    if (wx.getStorageSync('diceCount')) {
      this.setData({
        diceCount: wx.getStorageSync('diceCount')
      })
    }

    // 摇一摇
    // utils.shake(this.onRollTap);
  },
  onReady: function(e) {
    this.audioCtx = wx.createAudioContext('myAudio')
  },
  onShareAppMessage: function(res) {
    if (res.from === 'button') {
      console.log(res.target)
    }
    return {
      title: '来博饼',
      path: '/pages/main/main'
    }
  },
  // 产生色子点数
  createDotData: function(i) {
    // var resultMsg = this.data.resultMsg;
    var result = this.data.result;
    this.setData({
      resultMsg: result,
    })
    var that = this;
    var dotsHidden = {};


    // console.log(result)
    var diceData = that.data.dotsData[result[i]];
    // console.log(diceData)
    if (diceData == "5") {
      dotsHidden = {
        1: 'white',
        2: 'white',
        3: 'white',
        4: 'white',
        5: 'red',
        6: 'white',
        7: 'white',
        8: 'white',
        9: 'white'
      };
    } else if (diceData == "28") {
      dotsHidden = {
        1: 'white',
        2: 'black',
        3: 'white',
        4: 'white',
        5: 'white',
        6: 'white',
        7: 'white',
        8: 'black',
        9: 'white'
      }
    } else if (diceData == "357") {
      dotsHidden = {
        1: 'black',
        2: 'white',
        3: 'white',
        4: 'white',
        5: 'black',
        6: 'white',
        7: 'white',
        8: 'white',
        9: 'black'
      }
    } else if (diceData == "1379") {
      dotsHidden = {
        1: 'red',
        2: 'white',
        3: 'red',
        4: 'white',
        5: 'white',
        6: 'white',
        7: 'red',
        8: 'white',
        9: 'red'
      }
    } else if (diceData == "13579") {
      dotsHidden = {
        1: 'black',
        2: 'white',
        3: 'black',
        4: 'white',
        5: 'black',
        6: 'white',
        7: 'black',
        8: 'white',
        9: 'black'
      }
    } else {
      dotsHidden = {
        1: 'black',
        2: 'white',
        3: 'black',
        4: 'black',
        5: 'white',
        6: 'black',
        7: 'black',
        8: 'white',
        9: 'black'
      }
    }

    return dotsHidden;
  },

  // 产生色子动画
  createAnim: function(left, top) {
    // 色子移入屏幕
    // console.log(left,top)
    this.animation.top(top + "vh").left(left + "vw").rotate(Math.random() * 1440 + 1440).step({
      duration: 800,
      timingFunction: "ease",
    });
    var that = this;
    that.audioCtx.play();
    that.audioCtx.seek(1);
    setTimeout(function() {
      that.setData({
        hideResult: false
      });
    }, 1800);
    return this.animation.export();
  },

  // 产生色子移动终点位置
  createDicesPos: function() {
    var dicesPos = [];
    var sixPosition = this.data.sixPosition;
    for (var i = 0; i < this.data.diceCount; i++) {
      var posData = {};
      var left = 0;
      var top = 0;
      posData.left = sixPosition[i].left;
      posData.top = sixPosition[i].top;
      dicesPos.push(posData);
    }
    return dicesPos;
  },

  // 设置色子数据
  setDicesData: function(diceCount) {
    var dicesData = [];
    // 色子动画数据
    var dicesPos = this.createDicesPos(); // 所有色子的位置数据
    var that = this;
    for (var i = 0; i < diceCount; i++) {
      var diceData = {};
      diceData.anim = that.createAnim(dicesPos[i].left, dicesPos[i].top);
      diceData.dots = that.createDotData(i);
      dicesData.push(diceData);
      // console.log(dicesData)
      var result = that.data.result;
      if (i == 5) {
        that.setData({
          oneImg: that.data.result[0] - 1,
          twoImg: that.data.result[1] - 1,
          threeImg: that.data.result[2] - 1,
          fourImg: that.data.result[3] - 1,
          fiveImg: that.data.result[4] - 1,
          sixImg: that.data.result[5] - 1,
        })
        // that.getResult();
      }
    }

    this.setData({
      dicesData: dicesData
    });

  },
  //请求博饼结果
  getResult: function(e) {
    var that = this;
    utils.auth().then(res => {
      if (res) {
        var resultArray = that.data.result;
        var url = '/theResult';
        utils.http(url).then(res => {
          if (res.code == 1) {
            // console.log(res)
            for (var i = 0; i < res.data.arrayString.length; i++) {
              resultArray[i] = parseInt(res.data.arrayString.substring(i, i + 1))
            }
            that.setData({
              result: resultArray,
              touziResult: res.data.myResult,
              prizeResult: res.data.prizeOrNot
            })
          } else {
            that.setData({
              touziResult: res.msg
            })
          }
          // console.log(that.data.touziResult)
        });
      }else{
        that.setData({
          touziResult: '您未授权登录，请到我的页面授权登录'
        })
      }
    })

    // var url = '/theResult';
    // var resultArray = this.data.result;
    // var arrayString = JSON.stringify(this.data.result);
    // var data = {
    //   arrayString: arrayString
    // };
    // console.log(data)
    // var that = this;
    // utils.http(url, data).then(res => {
    //   console.log(res)
    //   if (res.code == 1) {
    //     that.setData({
    //       touziResult: res.data.myResult
    //     })
    //   } else {
    //     that.setData({
    //       touziResult: '您未授权登录，请到我的页面授权登录'
    //     })
    //   }
    // })
  },
  // 摇色子
  onRollTap: function() {
    // 设置色子移出动画
    this.setData({
      result: [],
      touziResult: '',
      prizeResult: '',
      touziResult: '',
      oneImg: '',
      twoImg: '',
      threeImg: '',
      fourImg: '',
      fiveImg: '',
      sixImg: ''
    })
    this.getResult();
    var newData = this.data.dicesData;
    if (newData.length < this.data.diceCount) {
      for (var i = 0; i < this.data.diceCount; i++) {
        var data = {};
        newData.push(data);
      }
    }
    for (var i = 0; i < newData.length; i++) {
      // this.animation.left("-233rpx").top("123rpx").rotate(-180).step();
      this.animation.left("-200rpx").top("400rpx").rotate(-180).step();
      newData[i].anim = this.animation.export();
      this.setData({
        dicesData: newData,
      });
    }

    var that = this;
    clearTimeout(this.timer);
    this.timer = setTimeout(function() {
      // 色子改变点数并移入屏幕
      that.setDicesData(that.data.diceCount);
    }, 1000)

  },
  goSure: function(e) {
    this.setData({
      hideResult: true
    })
  }
})